<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小项目副本</title>
    <link rel="stylesheet" href="style2.css" type="text/css">
    <link href="bootstrap.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<div class="header">
    <div class="juzhong">
        <div class="juzhong_phone"><p style="color: white;"><strong><span class="glyphicon glyphicon-earphone"style="left: -10px;"></span>Information Service ：18710559852</strong></p></div>
        <div class="juzhong_search"><input type="text" class="input" value="" placeholder="Please input..."/><button type="submit" class="btn btn-default" aria-label="Left Align">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            <!--aria-hidden="true"字体图标的可访问性-->
        </button>
        </div>
    </div>
</div>
    <div class="logo">
    <div class="juzhong">
        <div class="juzhong_nav-logo"><strong>UXIN</strong></div>
        <div style="float: right" class="juzhong_nav">
            <nav>
                <ul id="menu">
                    <li><a href="javascript:;">About</a>
                        <div class="nav_hover">
                            <a href="javascript:;"><strong>Update</strong></a>
                            <a href="javascript:;"><strong>CarList</strong></a>
                            <a href="javascript:;"><strong>Carcarcaracrarcar</strong></a>
                        </div>
                    </li>
                    <li><a href="javascript:;">Team</a>
                        <div class="nav_hover">
                            <a href="javascript:;"><strong>Update</strong></a>
                            <a href="javascript:;"><strong>CarList</strong></a>
                            <a href="javascript:;"><strong>carcarcarcar</strong></a>
                        </div>
                    </li>
                    <li><a href="javascript:;">Services</a>
                        <div class="nav_hover">
                            <a href="javascript:;"><strong>Upadate</strong></a>
                            <a href="javascript:;"><strong>CarList</strong></a>
                            <a href="javascript:;"><strong>Carlistlistlist</strong></a>
                        </div>
                    </li>
                    <li><a href="javascript:;">Galley</a>
                        <div class="nav_hover">
                            <a href="javascript:;"><strong>Update</strong></a>
                            <a href="javascript:;"><strong>CarList</strong></a>
                            <a href="javascript:;"><strong>carcarcarcar</strong></a>
                        </div>
                    </li>
                    <li><a href="javascript:;">Contact</a>
                        <div class="nav_hover">
                            <a href="javascript:;"><strong>Update</strong></a>
                            <a href="javascript:;"><strong>CarList</strong></a>
                            <a href="javascript:;"><strong>carcarcarcarcarcarcarcar</strong></a>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>
<div class="image-banner banner">
    <div class="banner-title">
        <div class="container">
            <div id="container-lunbo">
                <div id="banner-p">
                    <div class="banner-text">
                    <h3>Mission</h3>
                    <p>Connecting you and your dream car </p>
                    <a class="more" href="#"> Read More</a>
                </div>
                <div class="banner-text">
                    <h3>Vision </h3>
                    <p>Build globally and be the best</p>
                    <a class="more" href="#"> Read More</a>
                </div>
                <div class="banner-text">
                    <h3>Uxin Values </h3>
                    <p>User-oriented Integrity Expertise Cooperation</p>
                    <a class="more" href="#"> Read More</a>
                </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="about"><h2>Welcome To Our Page</h2>
    <div class="about_block juzhong" style="visibility: visible;animation-delay: 0.5s;animation-name: fadeInLeft;">
        <img src="image/img2.jpg"/>
        <p class="p1">The "uxin second-hand car" brand of uxin group is an e-commerce platform focusing on second-hand car retail services, which includes both B2B business (original uxin pai) providing services for car dealers and B2C business facing individual consumers. Established in 2011, uxin group  has established a team composed of more than 3,000 professional appraisers in China.
            After professional inspection, the vehicles of dealers in various regions are electronically transferred to the network platform. Consumers can browse the second-hand cars they want anytime and anywhere through uxin second-hand car website and mobile phone client.
            By 2017, uxin's used-car business covers 400 cities, with more than 5 million vehicles on the shelves and 100,000 dealers.
            as of August 2017, the cumulative transaction volume has exceeded 1.25 million. In addition, uxin used cars also provide professional testing, extended warranty after sale, uxin finance and other perfect derivative services
            . On June 28, 2018, UXIN landed on nasdaq with the stock code "UXIN".
        </p>
    </div>
</div>
<div class="team">
    <h2>Our Team Members</h2>
    <div class="team_info">
           <div class="team-grids animated">
            <a href="#">
               <img class="img-responsive" src="image/img8.jpg"/>
               <div class="captn">
                <h4>Posuere</h4>
                <p>Aenean pulvinar ac enimet posuere tincidunt velit Utin tincidunt</p>
            </div>
            </a>
           </div>
            <div class="team-grids animated">
            <a href="#">
                <img class="img-responsive" src="image/img9.jpg" alt=""/>
            <div class="captn">
                <h4>Posuere</h4>
                <p>Aenean pulvinar ac enimet posuere tincidunt velit Utin tincidunt</p>
            </div>
            </a>
            </div>
            <div class="team-grids animated">
            <a href="#">
                <img class="img-responsive" src="image/img11.jpg" alt=""/>
            <div class="captn">
                <h4>Posuere</h4>
                <p>Aenean pulvinar ac enimet posuere tincidunt velit Utin tincidunt</p>
            </div>
            </a>
            </div>
            <div class="team-grids animated">
            <a href="#">
                <img class="img-responsive" src="image/img10.jpg" alt=""/>
            <div class="captn">
                <h4>Posuere</h4>
                <p>Aenean pulvinar ac enimet posuere tincidunt velit Utin tincidunt</p>
            </div>
            </a>
            </div>
    </div>
</div>
<div class="special">
    <div class="container">
        <div class="special-grids  animated">
            <h3 class="title">Our Specialization</h3>
            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
            <h6>Our facilities</h6>
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                    60%
                </div>
            </div>
            <h6>Experienced staff</h6>
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                    80%
                </div>
            </div>
            <h6>Free consultations</h6>
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%;">
                    90%
                </div>
            </div>
            <h6>Advanced lab tests</h6>
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
                    75%
                </div>
            </div>
        </div>
        <div class="col-md-7 special-grids  animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
            <h3 class="title">What We do</h3>
        </div>
    </div>
</div>

<section class="g-img">
    <div>
        <h2>Service</h2>
        <ul class="g-img_table">
            <li >
                <div class="work-row-grids animated">
                <div class="work-grids-img">
                <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>Lorem ipsum</h4>
                    <p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>
                </div>
                </div>
            </li>
            <li>
                <div class="work-row-grids  animated">
                <div class="work-grids-img">
                <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>Lorem ipsum</h4>
                    <p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>
                </div>
                </div>
            </li>
            <li>
                <div class="work-row-grids  animated">
                    <div class="work-grids-img">
                <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>Lorem ipsum</h4>
                    <p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>
                </div>
                </div>
            </li>
            <li>
                <div class="work-row-grids  animated">
                <div class="work-grids-img">
                <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>ipsumorem</h4>
                    <p>odioero eos et accusamus et iusto dignissimos ducimus</p>
                </div>
                </div>
            </li>
            <li>
                <div class="work-row-grids  animated">
                <div class="work-grids-img">
                <span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>ipsumorem</h4>
                    <p>odioero eos et accusamus et iusto dignissimos ducimus</p>
                </div>
                </div>
            </li>
            <li>
                <div class="work-row-grids  animated">
                <div class="work-grids-img">
                <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
            </div>
                <div class="caption work-captn">
                    <h4>ipsumorem</h4>
                    <p>odioero eos et accusamus et iusto dignissimos ducimus</p>
                </div>
                </div>
            </li>
        </ul>
    </div>
</section>
<section class="g-word">
    <div class="g-word_container" id="galley">
        <h2>Our Galley</h2>
        <ul style="width: 100%; margin-top: 40px">
            <li class="view">
                <a src="image/img3.jpg">
                    <img src="image/img3.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a src="image/img4.jpg">
                    <img src="image/img4.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img6.jpg">
                    <img src="image/img6.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img5.jpg">
                    <img src="image/img5.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img7.jpg">
                    <img src="image/img7.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img3.jpg">
                    <img src="image/img3.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img6.jpg">
                    <img src="image/img6.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img4.jpg">
                    <img src="image/img4.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img6.jpg">
                    <img src="image/img6.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img4.jpg">
                    <img src="image/img4.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img3.jpg">
                    <img src="image/img3.jpg" class="img-responsive"/>
                </a>
            </li>
            <li class="view">
                <a href="image/img7.jpg">
                    <img src="image/img7.jpg" class="img-responsive"/>
                </a>
            </li>
        </ul>
    </div>
</section>

<div class="g-word_container">
        <h2>Contact Us</h2>
        <div class="juzgong form1">
            <form class="form form-shape">
                <input type="text" value="" placeholder="Name"/>
                <input type="email" value="" placeholder="Email"/>
                <input type="text" value="" placeholder="Telephone"/>
                <textarea style="width: 500px;height: 150px;margin-top: 10px;margin-bottom: 5px;border-radius: 5px;outline: none;color: #555555;">Message...</textarea>
                <button type="submit">Submit</button>
            </form>
            <p>The "uxin second-hand car" brand of uxin group is an e-commerce platform focusing on second-hand car retail services, which includes both B2B business (original uxin pai) providing services for car dealers and B2C business facing individual consumers. Established in 2011, uxin group  has established a team composed of more than 3,000 professional appraisers in China.
                After professional inspection.</p>
        </div>
</div>
<div class="footer">
    <p style="color: #555;margin-bottom: 5px;text-align: center">
        The "uxin second-hand car" brand of uxin group<br/>
        The "uxin second-hand car" brand of uxin<br/>
        The "uxin second-hand car" brand<br/>
        &copy;xxInformation technology co. LTD
    </p>
</div>
</body>
</html>
<!--<script type="text/javascript">
    window.onload = function ( ) {
        var Ul = document.getElementById('menu');
        var Li = Ul.getElementsByTagName('li');
        var Div =Ul.getElementsByTagName('div');
        var timer = null;
        var len = Li.length;
        for(var i = 0; i < len; i++){
            var oA = Li[i].getElementsByTagName('a')[0];
            oA.index = i;
            clearTimeout(timer);
            oA.onmousemove = function ( ) {
                this.className = "hover";
                Div[this.index].style.display = "block";
            }
            oA.onmouseout = function ( ) {
                this.className = '';
                n = this.index;
                timer = setTimeout(function () {
                    Div[n].style.display = 'none';
                },20);
            }
            Div[i].onmouseover = function ( ) {
                clearTimeout(timer);
                this.style.display = 'block';
            }
            Div[i].onmouseout = function ( ) {
                this.style.display = 'none';
            }
        }
    }

</script>-->
